<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %} 主页 {% endblock %}</title>
    {% block css %}{% endblock %}
    <style>
        ul,li {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

        li {
            padding: 10px 20px;
            background-color: lightgoldenrodyellow;
        }

        li:hover{
            background-color: yellowgreen;
        }
        .odd {
            color: red;
        }
        #left-menu{
            display: inline-block;
            border-right: 2px solid lightgray;
            height: 300px;
            width: 200px;
        }
        #content{
            display: inline-block;
            background-color: lightgoldenrodyellow;
            position: absolute;
        }
    </style>
</head>
<body>


<div id="left-menu">
    {% block left_menu %}
        <ul>
            {% for menu in session.menus %}
                <li>
                    <a href="{{ menu.url }}">{{ menu.title }}</a>
                </li>
            {% endfor %}
        </ul>
    {% endblock %}
</div>

<div id="content">
    {% block content %}
    {% endblock %}
</div>

</body>
</html>